<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"

                xmlns:f="http://java.sun.com/jsf/core">


    <ui:decorate template="/compra/plantillaABM.xhtml">
        <ui:define name="acciones">


            <p:commandButton value="Guardar" action="#{ordenCompraBean.edit}" rendered="#{ordenCompraBean.actual.estado.pendiente}" styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton value="Pendiente Autarización" action="#{ordenCompraBean.ponependiente()}" rendered="#{ordenCompraBean.actual.estado.renderPendiente}" styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton value="Autoriza" action="#{ordenCompraBean.autoriza()}" rendered="#{ordenCompraBean.actual.estado.renderAutorizado}" styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton value="En Proceso" action="#{ordenCompraBean.poneenproceso()}" rendered="#{ordenCompraBean.actual.estado.renderEnProceso}" styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton value="Re abrir" action="#{ordenCompraBean.poneenproceso()}" rendered="#{ordenCompraBean.actual.estado.cerrada}" styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton value="Cerrar OC" action="#{ordenCompraBean.cierraoc()}" rendered="#{ordenCompraBean.actual.estado.renderCerrada}" styleClass="botonRojo flotaIzquierda"/>

            <p:commandButton action="listado.xhtml" styleClass="botonRojo flotaDerecha" value="Atras"/>
        </ui:define>
        <ui:define name="titulo">
            Orden
        </ui:define>
        <ui:define name="estados">

        </ui:define>
        <ui:define name="cuerpo">
            <h:panelGroup rendered="#{autorizador.hayPermiso('CreaProveedor')}">


                <h:panelGrid columns="7">
                    <p:outputLabel value="Nro OC" for="numero"/>
                    <p:inputText value="#{ordenCompraBean.actual.numero}" id="numero" required="true" disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>
                    <p:spacer height="0" width="20"/>
                    <p:outputLabel value="Fecha" for="fecha"/>
                    <p:calendar value="#{ordenCompraBean.actual.creacion}" id="fecha" required="true"
                                locale="#{formato.locale}" pattern="#{formato.patronFecha}" disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>
                    <p:spacer height="0" width="50"/>
                    <h:outputText value="#{ordenCompraBean.actual.estado.descripcion}" style="color: #{ordenCompraBean.actual.estado.color}"/>

                    <h:outputText value="Proveedor"/>
                    <gp:autoComplete elegido="#{ordenCompraBean.actual.proveedor}"
                                     bean="#{proveedorBean}"
                                     convertidorId="proveedorConverter"
                                     id="proveedor"
                                     disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>


                    <p:spacer height="0" width="20"/>
                    <p:outputLabel value="Obra" for="obra"/>
                    <p:selectOneMenu value="#{ordenCompraBean.actual.obra}" id="obra" disabled="#{not ordenCompraBean.actual.estado.pendiente}">
                        <f:selectItems value="#{obraBean.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>

                </h:panelGrid>

                <gp:detOrdenCompra disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>

                <p:commandButton  type="button" value="Nueva Observación" onclick="dlg.show()" />
                <p:dataGrid value="#{ordenCompraBean.obtObservaciones()}" var="o" id="observaciones"
                            columns="1" paginator="true" rows="5">
                    <gp:observacion fecha="#{o.fecha}" usuario="#{o.responsable}" observacion="#{o.obs}"/>
                </p:dataGrid>

                <p:dialog header="Nueva Observación" widgetVar="dlg" resizable="false" height="300" width="600" hideEffect="explode" modal="true">
                    <p:editor id="editor" value="#{ordenCompraBean.nuevaObservacion}" width="570"/>  

                    <h:panelGrid columns="2" style="margin-top:10px">  
                        <p:commandButton id="submitButton" value="Aceptar"  oncomplete="dlg.hide();" update="@(:dataGrid)"
                                         action="#{ordenCompraBean.agregaObersvacion()}"/>

                    </h:panelGrid>  

                </p:dialog>


            </h:panelGroup>

        </ui:define>

    </ui:decorate>







    <ui:define name="titulo">
        Nueva Orden de Compra
    </ui:define>
    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CreaOrdenCompra')}">
            <h:form>

                <h:panelGrid columns="5">
                    <p:outputLabel value="Nro OC" for="numero"/>
                    <p:inputText value="#{ordenCompraBean.actual.numero}" id="numero" required="true"/>
                    <p:spacer height="0" width="20"/>
                    <p:outputLabel value="Fecha" for="fecha"/>
                    <p:calendar value="#{ordenCompraBean.actual.creacion}" id="fecha" required="true"
                                locale="#{formato.locale}" pattern="#{formato.patronFecha}"/>

                    <h:outputText value="Proveedor"/>

                    <gp:autoComplete elegido="#{ordenCompraBean.actual.proveedor}"
                                     bean="#{proveedorBean}"
                                     convertidorId="proveedorConverter"
                                     id="proveedor"/>


                    <p:spacer height="0" width="20"/>
                    <p:outputLabel value="Obra" for="obra"/>
                    <p:selectOneMenu value="#{ordenCompraBean.actual.obra}" id="obra">
                        <f:selectItems value="#{obraBean.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>

                </h:panelGrid>

                <gp:detOrdenCompra/>

                <br></br>

                <gp:botonCrear action="#{ordenCompraBean.create}"/>
                <p:spacer width="10"/>
                <gp:botonAtras action="listado.xhtml"/>

            </h:form>

        </h:panelGroup>
    </ui:define>

</ui:composition>
